<!DOCTYPE html>
<html lang="Zh-cn">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>贪吃蛇</title>
		<link rel="stylesheet" href="./css/index.css" />
	</head>

	<body>
		<!-- 游戏主容器 -->
		<div class="main">
			<!-- 游戏舞台 -->
			<div class="stage">
				<!-- 蛇容器 -->
				<div id="snake">
					<div></div>
				</div>
				<div class="food">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>

			<!-- 记分牌 -->
			<div class="score-panel">
				<div>
					SCORE:
					<span class="score">0</span>
				</div>
				<div>
					LEVEL:
					<span class="level">1</span>
				</div>
			</div>
		</div>
	</body>
	<script src="./js/index.js" type="module"></script>
</html>
